<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的文档页面</title>
    <!-- zui -->
    <link href="dist/css/zui.min.css" rel="stylesheet">
</head>

<body>
    <div id="head"></div>
    <div class="panel" style="margin-bottom: 10px;">
        <div class="panel-heading">
            搜索信息
        </div>
        <div class="panel-body">
            <div class="col-md-3">
                <div class="input-group">
                    <span class="input-group-addon">文件夹</span>
                    <input type="text" class="form-control" placeholder="请输入文件夹" id="fileName">
                </div>
            </div>
            <div class="col-md-3">
                <div class="input-group">
                    <span class="input-group-addon">上传开始时间</span>
                    <input type="date" class="form-control" placeholder="请输入文件夹" id="startTime">
                </div>
            </div>
            <div class="col-md-3">
                <div class="input-group">
                    <span class="input-group-addon">上传截止时间</span>
                    <input type="date" class="form-control" placeholder="请输入文件夹" id="endTime">
                </div>
            </div>
            <div class="col-md-1">
                <button class="btn btn-block btn-info " type="button" id="searchBtn">搜索</button>
            </div>
            <div class="col-md-1">
                <button class="btn btn-block btn-danger " type="button" id="reSetBtn">重置</button>
            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-heading">
            文档信息
        </div>
        <div class="panel-body">
            <table class="table table-striped table-hover table-bordered">
                <thead>
                    <tr>
                        <th>文件名</th>
                        <th>文件大小</th>
                        <th>上传时间</th>
                        <th>文件状态</th>
                        <th>文件类型</th>
                        <th>下载积分</th>
                        <th>下载名称</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="tableData">
                    <tr>
                        <td>测试1</td>
                        <td>15872</td>
                        <td>2020-2-2</td>
                        <td>审核通过</td>
                        <td>word文档</td>
                        <td>12</td>
                        <td>spring.text</td>
                        <td>
                            <button class="btn btn-mini " type="button">下载文件</button>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- 分页 -->
            <div class="text-center">
                <button class="btn" type="button" id="prePageBtn">上一页</button>
                <span id="pageNumber">1/3</span>
                <button class="btn" type="button" id="nextPageBtn">下一页</button>
            </div>
        </div>
    </div>
</body>

<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
<script src="dist/lib/jquery/jquery-3.4.1.min.js"></script>
<!-- ZUI Javascript组件 -->
<script src="dist/js/zui.min.js"></script>
<!-- layer弹窗JS -->
<script src="layer/layer.js"></script>
<!-- nav.js -->
<script src="js/nav.js"></script>
<script src="js/myDocment.js"></script>


</html>